.top-data {
  width: inherit;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.top-data-item {
  width: 220px;
  height: 74px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 6px;
  margin: 5px 0;
}

.top-data-item-img-outer-wrap {
  width: 40%;
  height: 100%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-data-item-img-outer-wrap .color-zjxm {
  background: #1181d7;
}

.top-data-item-img-outer-wrap .color-fgxm {
  background: #fea500;
}

.top-data-item-img-outer-wrap .color-fgjc {
  background: #9678d8;
}

.top-data-item-img-outer-wrap .color-fgspg {
  background: #12a14f;
}

.top-data-item-img-inner-wrap {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center
}

.top-data-item-img-inner-wrap .img {
  width: 24px;
}

.top-data-item-data-wrap {
  width: 50%;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
}

.top-data-item-data-wrap .top-data-title {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8)
}

.top-data-item-data-wrap .top-data-count {
  margin-bottom: 4px;
  color: #1181d7;
}

.top-data-item-data-wrap .top-data-count .top-data-number {
  font-size: 20px;
}

.color-fgzj {
  color: #1181d7;
  cursor: pointer;
}

.color-fgxm {
  color: #fea500;
  cursor: pointer;
}

.color-fgjc {
  color: #9678d8;
}

.color-fgspt {
  color: #12a14f;
}

.top-data-item-data-wrap .top-data-count .unit {
  margin-left: 4px;
  font-size: 12px;
  color: #757575
}

.top-data-item-data-wrap .top-data-count .xz-count {
  margin-left: 10px;
  color: white;
  background-color: coral;
  padding: 0 5px;
  cursor: pointer;
}

.top-data-clickable {
  cursor: pointer;
}